{% extends "html/base.html" %}

{% block left_menu %}
	<li class="MenuLeftItem MenuLeft21Item" style="display: none;" id="KinhDoanh-QuanLyKhachHang"><a href="/quanlykhachhang/" class="Sprite1">Quản lý khách hàng</a></li>
    <li class="MenuLeftItem MenuLeft22Item" style="display: none;" id="KinhDoanh-QuanLyDonHang"><a href="/quanlydonhang/" class="Sprite1">Quản lý đơn hàng</a></li>
    <li class="MenuLeftItem MenuLeft22Item" style="display: none;" id="KinhDoanh-DatHang"><a href="/donhang/" class="Sprite1 Active">Đặt hàng</a></li>
{% endblock %}

{% block javascript%}

<script type="text/javascript" src="/js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript">			
	$(document).ready(function(){				
		$('#cbbKhachHang').val('{{ maKhachHang }}');
		$('#cbbTrangThai').val('{{ maTrangThai }}');
		$('#cbbTrangThai').attr('disabled', true);
		{% if maTrangThai != 0 %}
			$('#cbbKhachHang').attr('disabled', true);
		{% else %}
			$('#cbbKhachHang').attr('disabled', false);
		{% endif %}
	});
</script>
<script type="text/javascript" src="/js/donhang.js"></script>
		
{% endblock %}

{% block search %}
<label class="LabelStyle Label2Style">Mã đơn hàng:</label>
<input type="text" class="InputTextStyle InputText6Style" id='maDonHang' value="{{ maDonHang }}" />

<label class="LabelStyle Label2Style">Ngày đặt:</label>
<input type="text" class="InputTextStyle InputText6Style" id='ngayDat' value="{{ ngayDat }}" />

<label class="LabelStyle Label2Style">Ngày giao:</label>
<input type="text" class="InputTextStyle InputText6Style" id="ngayGiao" value="{{ ngayGiao }}"/>


<div class="Clear"></div>

<label class="LabelStyle Label2Style">Khách hàng:</label>
<select id="cbbKhachHang" class="SelectStyle Select1Style" value="">
	{% for item in lstKhachHang %}
	<option value="{{ item.id }}">{{ item.tenKhachHang }}</option>
	{% endfor %}
</select>

<label class="LabelStyle Label2Style">Ngày thanh toán:</label>
<input type="text" class="InputTextStyle InputText6Style" id="ngayThanhToan" value="{{ ngayThanhToan }}"/>
 
<label class="LabelStyle Label2Style">Đơn hàng mẫu:</label>
<select id="cbbDonHangMau" class="SelectStyle Select1Style" >
	<option value="">Không chọn</option>
	{% for item in lstDonHang %}
	<option value="{{ item }}">{{ item }}</option>
	{% endfor %}
</select>

<div class="Clear"></div>

<label class="LabelStyle Label2Style">Trạng thái:</label>
<select id="cbbTrangThai" class="SelectStyle Select1Style">
	<option value="Dang dat hang">Đang đặt hàng</option>
	<option value="Da dat hang">Đã đặt hàng</option>
	<option value="Khoa">Khóa</option>
	<option value="Da co hang">Đã có hàng</option>
	<option value="Da giao hang">Đã giao hàng</option>
	<option value="Khong giao hang">Không giao hàng</option>
</select>

<label class="LabelStyle Label2Style">Ghi chú:</label>
<input type="text" class="InputTextStyle InputText10Style" id="ghiChu" value="{{ ghiChu }}"/>
<label class="LabelStyle Label2Style">Hàng dự trữ</label>
<input type="checkbox" class="LabelStyle" id="duTru" />
<div class="Clear"></div>

<input id="lstHangHoa" type="hidden" value="{{ lstHangHoaText }}">
<input id="priv" type="hidden" value="{{ priv }}">
<input id="maNV" type="hidden" value="{{ maNV }}">
<input id="fDuTru" type="hidden" value="{{ duTru }}">
{% endblock %}

{% block grid %}
<table id="gridChiTietDonHang"></table>
<div id="pChiTietDonHang"></div>

<div class="Clear"></div>

<div class="BoxButton">
	<a href="#" class="BtnGeneralStyle Sprite2"><span id="luuDonHang" class="Sprite2">Lưu đơn hàng</span></a>
	<a href="#" class="BtnGeneralStyle Sprite2"><span id="xoaDonHang" class="Sprite2">Xóa đơn hàng</span></a>
	<!-- <a href="#" class="BtnGeneralStyle Sprite2"><span id="inRa" class="Sprite2">In ra</span></a> -->
	<img id="loading" src="/resources/images/loading.gif" width="16" height="16" alt="Đang tải" class="LoadingStyle">
	<label class="message" id="message"></label>
</div>

{% endblock %}


{% block title %} ĐẶT HÀNG {% endblock %}